//将dataGet数据,组织成dom，挂装到页面中
//两步，1先生成每个任务的html节点暂存，2遍历，各个任务节点根据自己的父节点号挂装。
function tasks_to_dom(data) {

	//			console.log(dataGet);
	if (data) {
		
		console.time('生成任务DOM开始');
			items = data;
			var length = items.length;
			// 创建一个frag片段,存放所有的任务节点,不用在dom中操作
			var frag = document.createDocumentFragment();
			$.each(items, function (idx, item) { //生成所有任务，先放到任务挂装区
				//							console.log(item);//每个约5ms左右
				//先在frag中挂装，而后一次性挂装到DOM，以提高性能
				$(frag).append(new_task(item));
			});

			$("#904").append($(frag));//
			$("#904>div.task").hide();
            
            i = 0;
            $.each(items, function (idx, item) { //所有任务依据自己的parnet挂装
                i++;
                // console.log(item);//每个需15ms左右
                // console.log($(frag));
                $("#904 .task[data-taskid=" + item.parent + "]").append($("#904 .task[data-taskid=" + item.id + "]"));
                
                //进度条
                console.log(i + ':' + length + ':' + i / length + ':' + Math.floor(i / length * 100) + '%');
                $(".progress-bar").css("width", Math.floor(i / length * 100) + '%');
            });
            
            console.timeEnd('生成任务DOM结束');
	}
}